<html>
<head>
	<meta charset="utf-8" />
	<title>{{the_title}}</title>
	<link rel="stylesheet" type="text/css"href="static/css/index.css"/>
	<link rel="stylesheet" type="text/css"href="static/css/iconfont.css"/>
	<style>
        input::-webkit-input-placeholder{
            color:#E3E3E3;
        }
        input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
            color:#E3E3E3;
        }
       
        p{
        	font-size: 15px;
        	color:#E3E3E3;
        }
        h2{
			color:#E3E3E3;

		}
		h4{
			color:#E3E3E3;

		}
		td{
        	font-size: 15px;
        	color:#E3E3E3;
        }
    </style>
</head>
<body>
	<!--功能1-->
	<form method="POST" action="/ob" id="login-box">
		<table class="input-box"  align="center">
			<h1>{{the_title}}</h1>
				<p>输入您所在的地点，该功能可以搜索您附近3公里的地理建筑物</p>
				<tr class="input-box">
					<td style="color:white;width:100px;">
						<i class="iconfont">&#xe609;</i>&emsp;地址:
					</td>
					<td>
						<input type="text" name="address" placeholder="请输入您所在的地点" required autofocus>
						<p style="color: #C4F7F9;">
							· 规则遵循：国家、省份、城市、区县、城镇、乡村、街道、门牌号码、屋邨、大厦<br>
							· 如：北京市朝阳区阜通东大街6号
						</p>
					</td>
				</tr>
				<tr class="input-box">
					<td style="color:white;width:100px;">
						<i class="iconfont">&#xe605;</i>目标类型:
					</td>
					<td>
						<input type="text" name="types" placeholder="如：快餐厅、学校、加油站" required autofocus>
					</td>
					<p>
						<a href="https://lbs.amap.com/api/webservice/download" target="_blank" style="color:#C4F7F9;">想知道有哪些目标类型？点击下载高德POI分类编码查看</a>
					</p>
				</tr>
			</table>
			<button type="submit">搜索</button>
		</form>


		<!--功能2-->
		<form method="POST" action="/weather" id="login-box">
			<table class="input-box"  align="center">
				<h2>看看你想去的地点天气如何吧~</h2>
				<tr class="input-box">
					<td style="color:white;width:100px;text-align: center;">城市名称
						<input type="text" name="city" required autofocus>
						<button type="submit">查询天气</button>
					</td>
				</tr>
			</table>
		</form>


		<!--功能3-->
		<form action="/viewlog" id="login-box">
			<h2>查看我的日志</h2>
			<h4>（使用过“搜索”功能以后才会有日志记录哦~）</h4>
			<button type="submit">查看日志</button>
		</form>

</body>
</html>
